html,body{
	width: 100%;
	height:100%;
}
body{
	background-color: #c0c0c0;
}
#container{
	position:relative;
	width:90%;
	height:90%;
	margin:60px auto;

}

img{
	position: absolute;
	background-color: rgb(255,255,255);
	padding:10px 10px 15px;
	border:1px solid #c0c0c0;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}
img:hover{
    transform:rotate(0deg) scale(1.2);
    -webkit-transform:rotate(0deg) scale(1.2);
    -moz-transform:rotate(0deg) scale(1.2);
    box-shadow:10px 10px  15px #000;
    z-index: 2;
}
.pic1{
	top:35%;
	left:15%;
	 transform:rotate(-20deg) ;
    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg) ;
}
.pic2{
	top:25%;
	left:55%;
	 transform:rotate(20deg) ;
    -webkit-transform:rotate(20deg);
    -moz-transform:rotate(20deg) ;
}
.pic3{
	top:35%;
	left:35%;
	 transform:rotate(40deg) ;
    -webkit-transform:rotate(40deg);
    -moz-transform:rotate(40deg) ;
}
.pic4{
	top:35%;
	left:65%;
	 transform:rotate(-20deg) ;
    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg) ;
}
.pic5{
	top:70%;
	left:35%;
	 transform:rotate(-30deg) ;
    -webkit-transform:rotate(-30deg);
    -moz-transform:rotate(-30deg) ;
}
.pic6{
	top:70%;
	left:50%;
	 transform:rotate(30deg) ;
    -webkit-transform:rotate(300deg);
    -moz-transform:rotate(30deg) ;
}
.pic7{
	top:70%;
	left:15%;
	 transform:rotate(-10deg) ;
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10eg) ;
}